/* 进度条设置 */

.preProBox {
    width: 100%;
    height: 50px;
}

.proBox {
    /* 定位于上方 */
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* 关闭动态 */
    transition: width 0s ease;
}

/* 实际显示的框 */
/* box-shadow:  */
.progress {
    background-color: #fff;
    width: 100%;
    height: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* 进度条框 */
.bar {
    width: 90%;
    height: 8px;
    background-color: #f1f1f1;
    margin: 12px 0 0 0;
    border-radius: 5px;
    overflow: hidden;
}

/* 进度条进度 */
.filler {
    width: 0%;
    height: 8px;
}

.filler.time {
    background-color: #ff6666;
}

.filler.finsh {
    background-color: #6699ff;
}